<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="images/icon/favicon.png">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/button.css">
    <link rel="stylesheet" href="css/student.css">
    <script src="js/jquery.min.js"> </script>
    <script src='js/student.js'></script>
    <script src="js/exit.js"></script>
    <title>学生成绩管理系统</title>
</head>
<body>
    <!--界面的头栏开始-->
  <div class="header">
      <div class="w header-nav">
          <span class="header-nav-left">Scut 本科生成绩管理系统 </span>
          <div class="header-nav-right">
              <a >
                  <img src="/images/icon/userico.png" >
              </a>
              <span>,你好</span>
              <a class="safeout">安全退出</a>
          </div>

      </div>
  </div>  
  <!--界面头栏结束-->
  <!--界面主体开始-->
  <div class="main w">
      <!--界面sidebar开始-->
      <div class="sidebar">
          <div class="sidebar-head">
              <p>成绩管理系统</p>
          </div>
          <div class="sidebar-userinfo">
              <div>
                  <img src="/images/icon/userico.png" >
              </div>
          </div>
          <ul class="first-menu">
              <li index="0">
                  <p>
                      导航菜单
                  </p>
              </li>
              <li index="1">
                  <p>
                      成绩查询
                  </p>
                  <ul class="second-menu">
                      <ol index="0">查看全部成绩</ol>
                      <ol index="1">查看指定科目成绩</ol>
                  </ul>
              </li>
              <li index="2">
                  <p>个人信息修改</p>
                </li>
          </ul>
      </div>
      <!--窗口主体右半部分开始-->
      <div class="menu-right">
          <!--窗口主体右半部分标签菜单开始-->
          <div class="nav-item">
              <ul>
              <li index="0" class="navitemcut hover">
                  欢迎使用
                  <span>x</span>
              </li>
              </ul>
          </div>
          <!--窗口主体右半部分标签菜单结束-->
          <!--窗口主体右边部分信息内容开始-->
          <div class="allinfo">
              <!--欢迎使用界面开始-->
              <div class="infodeclare" index="0">
                  <h1 class="title">
                      欢迎来到华南理工大学本科生成绩管理系统
                  </h1>
                  <div class="infomain">
                      <div class="infoleft">
                          <h1>项目介绍</h1>
                          <ul>
                              <li>1.项目开发人员：李增荣，凌蕴瑜，李檬</li>
                              <li>2.项目开发花费时间：14天</li>
                              <li>3.项目运行环境：windows</li>
                              <li>4.项目内容均为原创，如有雷同，均为抄袭 </li>
                              <li>
                                  5.项目采用技术：
                                  <p>html+css+javascript+jquery+ajax+php+mysql</p>
                              </li>
                          </ul>
                      </div>
                      <div class="inforight">
                          <h1>公告栏</h1>
                          <h2>最新通知：</h2>
                          <p>
                              请各位老师抓紧录入学生成绩！
                          </p>
                      </div>
                  </div>
              </div>
              <!--欢迎界面结束-->
              <div class="stuexam" index="1">
                  <h1>全部成绩查看</h1>
                  <div class="stuconduct">
                      <span>学年：</span>
                      <div class="year_select">
                          <div class="year_defaultselect">请选择学年</div>
                          <ul class="yearselect"></ul>
                      </div>
                      <span>学期：</span>
                      <div class="term_select">
                          <div class="term_defaultselect">请选择学期</div>
                          <ul class="termselect">
                              <li>1</li>
                              <li>2</li>
                          </ul>
                      </div>
                      <div class="menu1_button">
                          <button>查询</button>
                          <div class="border"></div>
                          <div class="border"></div>
                          <div class="border"></div>
                          <div class="border"></div>
                      </div>
                  </div>
                  <div class="stueinfolist">
                      <p class="all-activity">查询结果</p>
                      <table class="infolist">
                          <thead>
                              <tr>
                                  <th>
                                      序号
                                  </th>
                                  <th>
                                      学号
                                  </th>
                                  <th>
                                      姓名
                                  </th>
                                  <th>
                                      学院
                                  </th>
                                  <th>
                                      专业
                                  </th>
                                  <th>
                                      学年
                                  </th>
                                  <th>
                                      学期
                                  </th>
                                  <th>
                                      课程
                                  </th>
                                  <th>成绩
                                  </th>
                              </tr>
                          </thead>
                          <tbody>
                          </tbody>
                      </table>
                      <div class="stuetable-footer">
                          <p></p>
                          <ul></ul>
                      </div>
                  </div>
              </div>
                <div class="selectcourse">
                <h1>全部成绩查看</h1>
                <div class="selectconduct">
                    <span>学年：</span>
                    <div class="year_select">
                        <div class="year_defaultselect">请选择学年</div>
                        <ul class="yearselect"></ul>
                    </div>
                    <span>学期：</span>
                    <div class="term_select">
                        <div class="term_defaultselect">请选择学期</div>
                        <ul class="termselect">
                        <li>1</li>
                        <li>2</li>
                        </ul>
                    </div>
                    <span>课程：</span>
                    <div class="course_select">
                        <div class="course_defaultselect">请选择课程</div>
                        <ul class="courseselect">
                        </ul>
                    </div>
                    <div class="menu2_button">
                        <button>查询</button>
                        <div class="border"></div>
                        <div class="border"></div>
                        <div class="border"></div>
                        <div class="border"></div>
                    </div>
                </div>
                <div class="stueinfolist">
                    <p class="all-activity">查询结果</p>
                    <table class="infolist">
                        <thead>
                            <tr>
                                <th>
                                    序号
                                </th>
                                <th>
                                    学号
                                </th>
                                <th>
                                    姓名
                                </th>
                                <th>
                                    学院
                                </th>
                                <th>
                                    专业
                                </th>
                                <th>
                                    学年
                                </th>
                                <th>
                                    学期
                                </th>
                                <th>
                                    课程
                                </th>
                                <th>
                                    成绩
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                    <div class="uniquetable-footer">
                        <p></p>
                        <ul></ul>
                    </div>
                </div>
            </div>
              <div class="personinfo" index="2">
                <h1>个人信息修改</h1>
                <div class="infoform">
                    <p class="all-activity">丨 个人信息</p>
                    <div class="infochange">
                        <ul>
                            <li><span>学工号：</span><input type="text" readonly="readonly" value=""></li>
                            <li><span>姓名：</span><input type="text" class="namechange" readonly="readonly"></li>
                            <li><span>密码：</span><input type="password" class="pwdchange" placeholder="请输入新密码"><p class="icomoon2"></p><p>请输入密码</p></li>
                            <li><button class="infosave">保存</button></li>
                        </ul>
                    </div>
                </div>
            </div>
          </div>
      </div>
  </div>
  <!--界面sidebar结束-->
  <!--界面尾部开始-->
  <div class="footer">
      <p>
          Made for software project-----Lyy
      </p>

  </div>
  <!--界面尾部结束-->
</body>
</html>